// 浅色模式
html[data-theme="light"]:root {
  --bg-primary: #ffffff;
  --text-primary: rgb(19, 20, 20);
  --border-primary: rgba(228, 228, 231);
  --bg-search: rgba(244, 244, 245);
  --text-search: rgba(50, 54, 57);
  --bg-hover:rgba(244, 244, 245);
  --bg-active: rgba(217, 233, 251);
  --bg-content:rgba(241, 243, 246);
}

// 深色模式
html[data-theme="dark"]:root {
  --bg-primary: rgba(28, 30, 35);
  --text-primary: rgba(229, 241, 242);
  --border-primary: rgba(52, 53, 57);
  --bg-search: rgba(46, 48, 51);
  --text-search: rgba(147, 143, 137);
  --bg-hover: rgba(46, 48, 51);
  --bg-active: rgba(46, 48, 51);
  --bg-content: rgba(20, 22, 26);
}
